<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<title>请登录</title>
	<link rel="stylesheet" href="css/jquery.mobile-1.4.5.min.css">
	<script src="js/jquery.js"></script>
	<script src="js/jquery.mobile-1.4.5.min.js"></script>
	<style>
        .login-form {
			max-width: 400px;
			margin: 0 auto;
		}
		.form-btn-group div {
			padding: 20px;
		}
    </style>
</head>
<body>
<div data-role="page" data-dom-cache="false">

	<div role="main" class="ui-content jqm-content">

				<form class="login-form">
					<ul data-role="listview" data-inset="true">
                        <li class="ui-field-contain">
                            <label for="name">Name:</label>
                            <input type="text" name="name" id="name" value="admin" data-clear-btn="true">
                        </li>
                        <li class="ui-field-contain">
                            <label for="pwd">PWD:</label>
                            <input type="password" name="pwd" id="pwd" value="" data-clear-btn="true">
                        </li>
                        <li class="ui-body ui-body-b">
                            <fieldset class="ui-grid-a form-btn-group">
                                <div class="ui-block-a"><a class="ui-btn ui-corner-all ui-btn-a" href="main.html">Submit</a></div>
								<div class="ui-block-b"><a class="ui-btn ui-corner-all ui-btn-a">Cancel</a></div>
                            </fieldset>
                        </li>
					</ul>
				</form>

	</div><!-- /panel -->

</div><!-- /page -->

</body>
<script>
$(document).bind("mobileinit", function(){
    $.mobile.page.prototype.options.domCache = false;
});
</script>
</html>
